<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第二天学习笔记</title>
</head>
<body>
<!--图片标签    -->
    <!--src ：指定需要显示图片的URL（路径）。-->
    <!--alt ：图片无法显示时的替代文本。-->
    <!--width ：设置图像的宽度。-->
    <!--height ：定义图像的高度。-->
    <!--title ：鼠标移动上面显示的文字-->
    <img src="Day02.jpg" alt="图片显示错误" width="100px" height="100px" title="鼠标上移显示">
    <img src="Day2.jpg" alt="图片显示错误" width="100px" height="100px" title="鼠标上移显示">

<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--列表标签-->
    <!--<ol> 定义有序列表。type 列表类型，取值：A、a 、I 、i 、1 等-->
    <!--<ul> 定义无序列表。type 符号的类型，取值：disc 实心圆、square 方块 、circle 空心圆-->
    <!--<li> 定义列表项。 是<ul> 或 <ol> 的子标签-->
    <ul type="circle">
        <li>无序空心圆</li>
    </ul>
    <ul type="disc">
        <li>无序实心圆</li>
    </ul>
    <ul type="square">
        <li>无序方块</li>
    </ul>
    <ol type="I">
        <li>大写字母开始排序</li>
        <li>2</li>
        <li>3</li>
    </ol>

<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--超链接标签-->
    <!--<a> 标签是超链接，是在html页面提供一种可以访问其他位置的实现方式。-->
    <!--href：用于确定需要显示页面的路径（URL）-->
    <!--target：确定以何种方式打开href所设置的页面。常用取值：_blank、_self 等-->
    <!--_blank 在新窗口中打开href确定的页面。-->
    <!--_self 默认。使用href确定的页面替换当前页面。-->
    <a href="https://www.baidu.com/" target="_blank">新窗口打开百度</a>
    <a href="https://www.baidu.com/" target="_self">默认方式打开百度</a>

<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--表格标签-->
    <!--	HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。-->
        <!--	<table> 是父标签，相当于整个表格的容器。-->
            <!--	border  表格边框的宽度。-->
            <!--	width 表格的宽度(整个table的宽度)。-->
            <!--	cellpadding 单元边沿与其内容之间的空白。-->
            <!--	cellspacing 单元格之间的空白。-->
            <!--	bgcolor 表格的背景颜色。-->
        <!--	<tr>标签用于定义行-->
        <!--	<td>标签用于定义表格的单元格（一个列）-->
             <!--	colspan 单元格可横跨的列数。-->
             <!--	rowspan  单元格可横跨的行数。-->
             <!--	align 单元格内容的水平对齐方式, 取值：left 左 、right 右、center 居中。-->
             <!--	nowrap 单元格中的内容是否折行。-->
        <!--	<th>标签用于定义表头。单元格内的内容默认居中、加粗。-->
    <h3>这是一个无边框的二行三列表格</h3>
    <table>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
    </table>
    <h3>这是一个有边框的三行三列表格</h3>
    <table border="1px">
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td>400</td>
            <td>500</td>
            <td>600</td>
        </tr>
        <tr>
            <td>700</td>
            <td>800</td>
            <td>900</td>
        </tr>
    </table>

    <table border="1px" width="500px" cellpadding="0px" cellspacing="0px">
        <tr>
            <th>标题1</th>
            <th>标题2</th>
            <th>标题3</th>
            <th>标题4</th>
        </tr>
        <tr>
            <td>1</td>
            <td colspan="3">1</td>

        </tr>
        <tr>
            <td colspan="3">2</td>
            <td>3</td>
        </tr>
        <tr>
            <td rowspan="2">4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>
            <td>8</td>
            <td>9</td>
            <td>10</td>

        </tr>
        <tr>

        </tr>
    </table>

</body>
</html>